/*
   qingyin.css
   
   Created by mygoare on 2011-09-28.
   Copyright 2011 mygoare. All rights reserved.
*/

/* It is for #header */
a {color: #333; text-decoration: none;}
a:hover {color: #a00;}
#header {width:100%; height:25px; margin:auto; background-color:#f5f5f0; border-bottom:1px solid #ccc; position: fixed; top:0px; z-index: 100;}
#header .common {width:980px; line-height:25px; margin:auto;}
.own {float:left;}
.own span {color:#e71d1d;}
.links {float:right;}
.links a {}


html {background: #f3f2ee url(../images/qingyin_repeat.png) repeat scroll;}
body {width: 100%; height:auto;}

/* It is #layout */
/*如果背景透明过多，字也会相应地被透明*/
.layout {width:100%; height:auto; background:url("../images/qingyin_bg.jpg") no-repeat scroll center 0;}
.bg_after {background:url("../images/qingyin_bg_after.jpg") no-repeat scroll center 0;}

#content {width:930px; height:auto; margin:auto;}
#logo a{width:220px; height:95px; display:block; position:relative; top:50px; left:20px;}
#nav {width:900px; height:50px; margin:auto; margin-top:80px; margin-bottom:20px;}
#nav ul li a {display:block; float:left; width:90px; height:50px;}
#nav ul li a:hover {background:url("../images/nav_hover.png") no-repeat scroll 0 30px;}

/* 正文内容开始 */
#left {width:600px; height:auto; float:left; }
#sidebar {width:310px; height:auto; float:right; padding-top:22px; padding-bottom:22px;}
.link_img {display:block; width:290px; height:60px; margin:8px auto;}
.link_img img{width:290px; height:60px; display:block; border:1px solid #cecece; opacity:0.9; filter:Alpha(opacity=90); }
#sidebar .link_img:hover img{opacity:1; filter:Alpha(opacity=100);}

#top_content {width:596px; height:210px; /*background:#fff; opacity:0.6; filter:Alpha(opacity=60);*/ border:2px solid #000; margin-bottom:25px;}
.mid_content {width:290px; height:auto; float:left; padding-left:10px; overflow:hidden;}
.mid_content h1 {font-size:16px;}
.mid_content h1 a {background:url("../images/item_img.png") no-repeat scroll 40px -5px; padding-right:30px;}
.mid_content ul {margin:10px auto 15px;}
.mid_content ul li {line-height:25px; padding-left:20px; }
.top_content {width:288px; opacity:1; }
.top_content ul li {padding-left:0px;}
.top_content h1 {margin-top:20px;}
.top_content h1 .rili {background:url("../images/rili.png") no-repeat scroll 0 center; padding-left:25px;}
.top_content h1 .rili:hover {background:url("../images/rili_hover.png") no-repeat scroll 0 center; padding-left:25px;}
.top_content h1 .words {background:url("../images/words.png") no-repeat scroll 0 center; padding-left:25px;}
.top_content h1 .words:hover {background:url("../images/words_hover.png") no-repeat scroll 0 center; padding-left:25px;}
.ranklist h1 a{background:url("../images/rank.png") no-repeat scroll 0 -2px; padding-left:25PX;}
.ranklist ul li {padding-left:5px;}
.img_say {margin-top:0px; overflow:hidden;}
.img_say h1 a {background:url("../images/img.png") no-repeat scroll 0 -2px; padding-left:25PX;}
.img_say ul {}
.img_say ul li {padding-left:0px; float:left; margin:5px; display:block;}
.img_say ul li a {display:block; clear:both; cursor:pointer;}
.img_say ul li span {text-align:center; line-height:20px; position:relative; top:0px; display:block;}
.img_say ul li a img {width:125px; height:100px; float:left; border:1px solid #ccc; padding:2px; opacity:0.9; filter:Alpha(opacity=90);}
.img_say ul li a:hover img {opacity:1; filter:Alpha(opacity=100);}

#six {width:600px; height:200px; background-color:; clear:both; padding-top:10px;}
#tab {width:600px; height:33px;}
#tab a{display:block;width:; height:30px; float:left; text-align:left; line-height:30px; font-size:14px; padding-left:10px; padding-right:30px;}
#tab a:hover {border-top:3px groove #212121;}
.tabhover {background:#eee;border-top:3px groove #212121; opacity:0.6; filter:Alpha(opacity=60);color: #a00;}
.tabhidden {display:none;}
#tab_content {width:600px; height:120px;clear:both; padding-top:15px; border-bottom:3px solid #212121; opacity:0.6; filter:Alpha(opacity=60); background-color:#eee;}
#tab_content ul li{width:185px; height:25px; float:left; line-height:25px; padding-left:15px; overflow:hidden;}

.bottom {width:930px; border-top:1px solid #ccc; padding:20px 0px; text-align:center; clear:both;}
.bottom p {line-height:20px;}
#mygoare {background:url("http://www.mygoare.com/favicon.ico") no-repeat scroll 0 0; padding-left:20px;}
.clear {clear:both;}

.news_location {font-size: 14px; margin-left:20px; line-height:20px; padding:5px; margin-bottom:15px;}
.news_class {margin-left: 30px;}
.news_class .list_cate a {font-size: 14px; line-height: 25px; padding:2px 5px; margin-left: -5px; border-bottom: 3px solid #212121; background-color:#fff; opacity:0.6; filter:Alpha(opacity=60);}
.news_class ul li {line-height: 30px;}
.main_line {width:640px; border-left: 1px dashed #ccc; padding-left: 19px; padding-right: 10px;}

.news_title h1 {font-size: 18px; color: #005592; text-align:center;}
.news_info {line-height: 35px; margin-top:10px; text-align:center;}
.news_content {border-top: 1px solid #ccc; padding-top: 30px; margin:auto 20px;}
.news_content p {text-indent: 2em; line-height: 25px; margin: 10px auto; font-size:14px;}
.news_content p img {border: 1px solid #ccc; padding: 2px; margin:15px auto;}
.news_content p font {font-size:14px;}

.news_bottom img {padding: 2px; border: 1px solid #ccc; margin-bottom:10px; margin-top: 0px; margin-left:20px;}
